<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="bootstrap/js/jquery-3.3.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="container">

        
        <a class="btn btn-primary" data-toggle="modal" href='#modal-id'>登陆</a>
        <div class="modal fade" id="modal-id">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Modal title</h4>
                    </div>
                    <div class="modal-body">
                        
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">保持</button>
                    </div>
                </div>
            </div>
        </div>


        <!-- bs3-tabs -->
        <div role="tabpanel">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active">
                    <a href="#home" aria-controls="home" role="tab" data-toggle="tab">home</a>
                </li>
                <li role="presentation">
                    <a href="#tab" aria-controls="tab" role="tab" data-toggle="tab">tab</a>
                </li>
                <li role="presentation">
                        <a href="#23" aria-controls="tab" role="tab" data-toggle="tab">23</a>
                    </li>
                    <li role="presentation">
                            <a href="#tt" aria-controls="tab" role="tab" data-toggle="tab">syt</a>
                        </li>
            </ul>
        
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">hmoe</div>
                <div role="tabpanel" class="tab-pane" id="tab">tab</div>
                <div role="tabpanel" class="tab-pane" id="23">23</div>
                <div role="tabpanel" class="tab-pane" id="tt">syt</div>
            </div>
        </div>
        
       
        
    </div>
</body>
</html>